<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:pou="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">

    <!-- @name: Estandares -->
    <!-- @descrption: Interfaz para el mantenimiento de los estandares de despacho de producto afluencia baja y alta -->
    <!-- @autor: Bryan, Alexandra -->
    <h:head>
        <title>Estandares de Productos</title>
    </h:head>
    <h:body >
        <ui:composition template="/template_jefe/commonLayout.xhtml">

            <ui:define name="titulo">
                <h:outputText value="ASIGNAR SUBRED"/>
            </ui:define>     
            <ui:define name="contenido_ui">
                <h:form id="form" > 
                    <pou:growl id="messages" />  
                                                 
                            <h:panelGrid style="margin-top:10px; margin-left: 5%; font-size: 20px" columns="3" cellpadding="10">
                                <h:outputLabel  value="Seleccionar Especialidad:" />

                                <h:outputLabel  value="Seleccionar Subred:" />

                                <h:outputLabel  value="Visitadores ya asignados:" />
                                

                                <pou:selectOneListbox style="height:100px;width:200px" >  
                                    <f:selectItem itemLabel="Especialidad 1" itemValue="1" />  
                                    <f:selectItem itemLabel="Especialidad 2" itemValue="2" />  
                                    <f:selectItem itemLabel="Especialidad 3" itemValue="3" />
                                </pou:selectOneListbox>
                                
                                <pou:selectOneListbox style="height:100px;width:150px" >  
                                </pou:selectOneListbox>
                                
                                <pou:selectOneListbox style="height:100px;width:150px" >  
                                </pou:selectOneListbox>
                                
                                <pou:button value="Agregar"/>


                            </h:panelGrid>

                    <h:panelGrid style="margin-top:10px; margin-left: 5%; font-size: 20px" columns="1" cellpadding="10">
                        <pou:dataTable style="width: 500px">  
                            <pou:column headerText="Especialidad">  
                                <h:outputText value="-Cliente-" />  
                            </pou:column>  

                            <pou:column headerText="Recurso">  
                                <h:outputText value="-Fecha visita-" />  
                            </pou:column>  

                            <pou:column headerText="Cantidad">  
                                <h:outputText value="-hora-" />  
                            </pou:column> 
                            
                            <pou:column headerText="Opciones">  
                                <h:outputText value="-hora-" />  
                            </pou:column> 
                        </pou:dataTable>
                        <pou:button value="Regresar"/>
                    </h:panelGrid>

                       
                </h:form> 
            </ui:define>
        </ui:composition>
    </h:body>
</html>